import './index.scss'
import { Link } from 'react-router-dom'
import { Image } from 'antd-mobile'
type Props = {
    src?: string
    alt?: string
    title?: string
    desc?:string
    link:string
    classname?: string
}

const ProCard = (props: Props) => { 
    const { src, alt, title, link, classname } = props
    return (

    <div className={classname}>
        <Link to={link} >
            {/* <img src={src} alt={alt} className='img'/> */}
            <Image lazy src={src} alt={alt}  fit='cover' className='img' />
            <span className='name'>{title}</span>
        </Link>
    </div>
    )
}

export default ProCard